<template>
  <div id="app">
     <router-view /> 
	
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
	/*滚动条整体样式*/
	::-webkit-scrollbar {
		/*高宽分别对应横竖滚动条的尺寸*/
		width: 0;
		background-color: rgba(255, 255, 240, 0.1);
	}
	
	/*滚动条里面滑块*/
	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background: #e3e3b1;
	}
	
	/* // 上箭头 */
	::-webkit-scrollbar-button:vertical:single-button:start {
		display: none;
	}
	
	/* // 下箭头 */
	::-webkit-scrollbar-button:vertical:single-button:end {
		display: none;
	}
	.panel-one{
		width: calc(20% - 40px) !important;
		height: 40vh !important;
		font-size: 30px !important;
	}
	.panel-two{
		width: calc(20% - 40px) !important;
		height:20vh !important;
		font-size: 30px !important;
	}
	.panel-three{
		font-size: 30px !important;
		width: calc(20% - 40px) !important;
		height:15vh !important;
	}
	.one-panel{
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}
	.h100 {
		height: 100% !important;
	}
</style>
